Uppsatsens innehåll undersöker och diskuterar frågeställningen: ?Hur kan man gå till väga för att tillämpa principerna från Universal Design i front end-utvecklingen??. Universal Design är en uppsättning av principer man ska följa i tillverkningen av en fysisk miljö för att uppnå ett användarvänligt resultat. Med hjälp av dessa principer tillsammans med WAI?s riktlinjer har jag gestaltat ett front end-ramverk för att få svar på min frågeställning..

Uppsatsens innehåll undersöker och diskuterar frågeställningen: ?Hur kan man gå till väga för att tillämpa principerna från Universal Design i front end-utvecklingen??. Universal Design är en uppsättning av principer man ska följa i tillverkningen av en fysisk miljö för att uppnå ett användarvänligt resultat. Med hjälp av dessa principer tillsammans med WAI?s riktlinjer har jag gestaltat ett front end-ramverk för att få svar på min frågeställning..

De allra flesta sidor idag använder en så kallad fixed design där sidan är gjord för en specifik skärmstorlek. Det finns nu metoder i HTML och CSS att låta sidan forma om sig efter användarens skärmstorlek utan att använda JavaScript. Denna teknik kallas responsiv webbdesign. Syftet med detta arbete är att studera responsiv webbdesign; hur det fungerar och om det är framtiden inom webbdesign. Studien har begränsats till moderna webbläsare och moderna mobiltelefoner för att se resultatet.

Mångfalden av enheter för webbanvändning ökar, men det finns fortfarande webbplatser som utvecklas med PC:s som enda prioritet. Responsiv webbdesign erbjuder nya möjligheter till webbutveckling eftersom en responsiv webbplats är anpassad till samtliga enheter på marknaden. Området har förvisso fått stort genomslag, men det är fortfarande nytt och relativt outforskat. Det finns också endel utmaningar med responsiv webbdesign som kan vara svåra att bemöta. Uppsatsen kartlägger utmaningar som lyfts fram i vetenskaplig litteratur, och bekräftar eller dementerar samt kompletterar kartlagda utmaningar genom enempirisk studie.

Avsaknad av en hemsida medför att många kunder kan gå förlorade för ett företag. Om det trots allt finns en webbsida som beskriver företagets verksamhet finns det fortfarande risk att mista kunder om sidan inte är anpassad efter den enhet som besökaren använder. I dagens samhälle är det mer regel än undantag att webbsidor besöks med olika enheter och upplösningar. En lösning på problemet är att använda responsiv webbdesign för att skapa en flexibel design. M&R Mekan & Konstruktion i Skellefteå AB har inte haft någon hemsida att presentera sin verksamhet med för varken potentiella eller befintliga kunder.

Examensarbetet har gått ut på att genom kvalitativa undersökningar ta reda på hur grafisk form ochinformationsstruktur samverkar för att skapa användarcentrerade webbplatser. Målet var att ta fram en grund för huranvändarcentrerade webbplatser bör byggas. Denna grund är tänkt att fungera som riktlinjer för formgivare som villskapa användarcentrerad webbdesign.Studien visar att det viktigaste för att skapa användarcentrerad webbdesign är att involvera användarna kontinuerligti utvecklingsprocessen. Detta sker genom användartester och intervjuer med representanter för målgruppen. Vi harkommit fram till att graden av användbarhet spelar stor roll för hur målgruppen uppfattar webbplatsen som sådan,men också vilken uppfattning de får om företaget bakom..

Det blir allt vanligare att ägare till webbplatser anpassar sin webbplats till lågupplösta enheter som t. ex mobiltelefoner. För att genomföra en anpassning finns flera tekniska alternativ. I denna uppsats har det undersökts vilka tekniska aspekter som kan utgöra eventuella hinder när utvecklare möter webbyråkunders krav på upplösningsoberoende design med en av teknikerna, nämligen responsiv webbdesign. Arbetet innefattar en intervju med en webbyråkund som resulterade i en kravspecifikation som sedan stod till grund för en prototyp, där tekniken responsiv webbdesign testades och utvärderades.

Webbdesign är ett hantverk med potential till oändlig variation och oräkneliga möjligheter, men det är även en process styrd av standarder och förhållningssätt för att optimera resultatet för slutanvändaren. Begrepp så som user experience och framför allt user experience design har i och med utvecklingen blivit allt viktigare aktörer inom webbdesign. Samtidigt som de underlättar i utvecklingsprocessen genom att diktera hur design bör utformas, skapar de inte också då begränsningar av potentialen för webbdesign? Antalet variationer och möjligheter minskar drastiskt när webbdesigners anpassar sig efter dessa standarder.Den här undersökningen syftar till att utveckla nya metoder och strategier för att främja innovativ webbdesign och undersöka hur modebranschens konstanta strävan efter innovation skulle kunna inspirera och kanske till och med förändra webbdesign utvecklingen. Genom att bryta ner, analysera och sammanfoga designprocesserna för haute couture och webbdesign skapas en designmetod som ger medvetenhet i designval och hjälper att ifrågasätta standarder samt att undersöka alternativa lösningar.

Många företag vill marknadsföra sina produkter och tjänster via Internet. För en nätbutik räcker det inte med att finnas på webben, utan det krävs också att nätbutiken är användarvänlig och attraktiv. För att underlätta produktionen av en sådan har över tid vedertagna metoder och principer utvecklats. Våra egna erfarenheter tyder dock på att många nätbutiker inte alls är uppbyggda efter dessa. Därför valde vi att undersöka om de teoretiska designprinciper som finns idag verkligen används av webbyråer och varför.

Empati är förmågan att kunna känna det någon annan känner. Målet med undersökningen är att skapa ett set av principer för animatören. Att öka empatin för animerade karaktärer. I den här undersökningen skapades fyra principer, dessa är personlighet, lära känna karaktären, underhållningsvärde och relatering. Principsystemet är inspirerat av Disneys ?animationernas tolv principer?, där man har ett set av principer som kanske inte fungerar vid varje animationssituation utan som mer skulle kunna fungera som en vägledning..

Den här rapporten förklarar tillvägagångssättet för framtagningen utav en responsiv design till webbplatsen Projects & Staff, en webbplats som tidigare hade en fixed design. Projektet består utav två leveranser, hi-fi prototyper skapade i Adobe Illustrator och Adobe Photoshop samt en färdig mobilversion utav webbplatsen, utvecklad med CSS3. Under projektets gång har jag designat för användarupplevelse och användbarhet, två områden som är viktiga inom responsiv webbdesign. Jag har utfört en förstudie i form av en webbplatsanalys, gjort en PACT-analys samt användarintervjuer. Detta för att definiera behoven som fanns för en responsiv design, samt att få en tydlig bild av användare och deras vanor.

Idag kommer det hela tiden nya enheter, alla med olika egenskaper, med möjlighet att koppla upp mot internet. Därmed blir det allt svårare för webbdesigners att anpassa webbplatser för användarens behov och förutse i vilken kontext användaren brukar webbplatsen. Syftet med studien var att undersöka hur webbutvecklare kan implementera flexibilitet för webbplatser, för att webbplatsen ska passa de olika enheterna, genom responsiv webbdesign. Vidare undersöks också hur användare upplever en webbplats utvecklad med responsiv webbdesign.Studien omfattar utvecklingen av en prototyp som också har används som grund för användartestning och kvalitativa intervjuer. Användartestningen omfattade test på en webbplats utvecklad med fasta mått samt testning av den responsiva prototypen.

Syftet med denna studie är att undersöka förekomsten av eventuella användbarhetsproblem och brister på webbplatser som tillhandahåller tjänster för digital uthyrning av film. I de fall existensen är ett faktum, har vi haft för avsikt att undersöka vilka dessa användbarhets-problem är och om det är möjligt att bygga bort dem genom att applicera befintlig kunskap inom användbarhet och webbdesign. För att kunna uppnå detta syfte har vi genomfört kvalitativa experiment på tre av de dåvarande största webbplatserna som erbjöd denna tjänst. Experimentens resultat analyserades både kvalitativt och kvantitativt för att uppnå en högre trovärdighet. Vår studie visade att det inte bara råder en uppsjö användbarhetsproblem på dessa webbplatser, utan att många av dem är så pass allvarliga att de omöjliggör användning av webbplatsernas tjänster.

Internet har fått en större plats i de flesta personers liv med ökad tillgänglighet till mediet. En mycket stor grupp individer har dock svårt att nyttja Internet på grund av låg tillgänglighet vilken blivit en effekt av ett funktionshinder. Min uppsats avhandlar om W3C:s - WAI:s riktlinjer för god tillgänglighet och Jakob Nielsens rekommendationer för en god användarvänlighet är användbara för gruppen dyslektiker vid formatering av text och länkar. Jag vill också i mitt arbete finna faktorer vilka kan optimera utformning av en textmassa och länkar för att på så sätt förbättra illgänglighetsanpassningen till data vid webbdesign. I arbetet har jag funnit några faktorer vilka kan optimera tillgängligheten för dyslektiker.

Smarta klockor, små kroppsnära datorer som bärs kring handleden, ökar i popularitet. Smartaklockor kan visa tiden men även köra andra applikationer. Utmärkande för alla smarta klockorär deras lilla skärmyta, vilket ställer särskilda krav på utformningen av användargränssnitt.Syftet med detta arbete är att utforska hur smarta klockor kan fungera för att visa webbinnehålloch det görs genom att studera hur responsiv webbutveckling kan användas för att möjliggörawebbanvändning med smarta klockor.Experiment med responsiv webbutveckling för smarta klockor ledde fram till fyra prototypersom testades av användare. Under testerna diskuterades fördelar och nackdelar medprototyperna.Resultatet visar att responsiv webbdesign kan användas för att anpassa webbsidor till smartaklockor, men att webbsidor med mycket innehåll bör brytas ner i mindre delar och visas en itaget, något som inte ingår i responsiv webbdesign..